<script>
export default {
  name: "dingBox",
  data(){
    return {

    }
  },
  //1.beforeCreate  页面重定向
  beforeCreate() {
    console.log('beforeCreate')
    console.log(this.msg)
  },
  //2.created  数据初始化 接口请求
  created() {
    console.log('created')
    console.log(this.msg)

    this.msg = 'hi'
  },
  //3.beforeMount
  beforeMount() {
    console.log('beforeMount')
  },
  //4. mounted
  mounted() {
    console.log('mounted')
    document.getElementById('box').style.color = 'red'
  },
  //5.beforeUpdate
  beforeUpdate() {
    console.log('beforeUpdate')
  },
  //6.updated
  updated() {
    console.log('updated')
  },
  //7.before Destroy
  beforeDestroy() {
    console.log('beforeDestroy')
  },
  //8.destroyed
  destroyed() {
    console.log('destroyed')
  },
  methods:{

  },
}
</script>

<template>
   <div>
   </div>
</template>

<style scoped lang="less">

</style>